/*
 * @Author: “Jackson” “1145239633@qq.com”
 * @Date: 2025-08-06 16:12:57
 * @LastEditors: “Jackson” “1145239633@qq.com”
 * @LastEditTime: 2025-08-08 16:43:43
 * @FilePath: \shaangu-web\src\utils\echartsPie3d.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
let option;
export const getBar = (xdata, ydata) => {
  option = {
    legend: {
      right: 10,
      // top: 10,
    },
    grid: {
      top: "10%",
      right: "10%",
      bottom: "10%",
      left: "10%",
    },
    xAxis: {
      type: "category",
      data: xdata,
      axisLabel: {
        rotate: 30, // 旋转角度（正数：逆时针，负数：顺时针）
        interval: 0, // 强制显示所有标签（避免自动隐藏）
        align: "center", // 文字对齐方式（可选：'left' | 'right' | 'center'）
        margin: 20, // 标签与轴线的距离（避免重叠）
      },
    },
    yAxis: {
      type: "value",
    },
    series: [
      {
        data: ydata,
        type: "bar",
        barWidth: "20px", // 设置柱子宽度为 20px
        itemStyle: {
          borderRadius: [10, 10, 0, 0], // 圆角
          color: {
            type: "linear",
            x: 0, // 渐变起始点（左）
            y: 0, // 渐变起始点（上）
            x2: 0, // 渐变终点（右）
            y2: 1, // 渐变终点（下）
            colorStops: [
              { offset: 0, color: "#0054B5" }, // 起始颜色
              { offset: 1, color: "#37A2FF" }, // 结束颜色
            ],
          },
        },
      },
    ],
  };
  return option;
};
